<template>
	<div class="right hidden">
		<!-- 移动端 Logo -->
		<div class="logo text-hidden">
			<!-- <span class="bg">{{ siteUrl[0] }}</span> -->
			<!-- <span class="sm">.{{ siteUrl[1] }}</span> -->
		</div>
		<!-- 功能区 -->
		<Func />
		<!-- 网站链接 -->
		<Link />
	</div>
</template>

<script setup lang="ts">
import Func from "./components/Func/index.vue";
import Link from "./components/Links/index.vue";
// 站点链接
// let siteUrl = import.meta.env.VITE_SITE_URL.split(".");
</script>

<style lang="scss" scoped>
.right {
	// flex: 1 0 0%;
	width: 50%;
	margin-left: 0.75rem;
	.logo {
		position: fixed;
		top: 6%;
		left: 50%;
		width: 80%;
		font-family: Pacifico-Regular;
		font-size: 1.75rem;
		transition: all 0.3s;
		transform: translateX(-50%);
		animation: fade 0.5s;
		animation: fade;
		&:active {
			transform: scale(0.95);
		}
		@media (min-width: 720px) {
			display: none;
		}
	}
	@media (max-width: 720px) {
		width: 100%;
		margin-left: 0;
		&.hidden {
			display: none;
		}
	}
}
</style>
